<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

	<div class="wrap_lnb_search">
		<div class="lnb_search top">
	    	<select>
	    		<option>질병</option>
	    		<option>직업</option>
	    	</select>
	    </div>
	</div>
    
    <div class="lnb_list favorite">
    	<ul>
    		<li title="갑상선암"><span title="즐겨찾기 해제"></span>갑상선암</li>
    		<li title="결막염"><span title="즐겨찾기 해제"></span>결막염</li>
    		<li title="고혈압"><span title="즐겨찾기 해제"></span>고혈압</li>
    		<li title="골절"><span title="즐겨찾기 해제"></span>골절</li>
    		<li title="관절염"><span title="즐겨찾기 해제"></span>관절염</li>
    	</ul>
    </div>
<script type="text/javascript">
$(function(){
	$('.lnb_list > ul > li').tooltip({
	    position: 'right',
	    content: '<span>This is the tooltip message.</span>',
	    onShow: function(){
	        $(this).tooltip('tip').addClass('tip');
	    }
	});
	$('.lnb_list > ul > li').mouseover(function(){
		$(this).addClass('tree-node-hover'); 
	});
	$('.lnb_list > ul > li').mouseout(function(){
		$(this).removeClass('tree-node-hover'); 
	});
	$(".lnb_list > ul > li").click(function(event){
		var current_head = $(this);
		$(this).addClass('tree-node-selected'); 
		$('.lnb_list > ul > li').not(current_head).removeClass('tree-node-selected'); 
	});
});
</script>